page {
    padding-bottom: 90rpx;
    background-color: #f5f5f5;

}

.cart_content {
    margin-top: 30rpx;
    margin-left: 20rpx;
    margin-right: 20rpx;
    padding: 30rpx;
    background-color: #fff;

    .cart_main {


        .cart_item {
            display: flex;
            border-bottom: 1rpx dotted #ccc;
            padding-bottom: 20rpx;

            .cart_img_wrap {
                flex: 2;

                image {
                    width: 95%;
                }
            }

            .cart_info_wrap {
                flex: 4;
                display: flex;
                flex-direction: column;
                justify-content: space-around;

                .goods_name {
                    font-size: 27rpx;
                    width: 100%;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                }

                .goods_desc {
                    font-size: 23rpx;
                    color: rgb(169, 167, 167);
                }

                .goods_price_wrap {
                    display: flex;
                    justify-content: space-between;

                    .goods_price {
                        font-size: 34rpx;
                    }

                    .cart_num_tool {
                        display: flex;

                        .num_edit {
                            width: 35rpx;
                            height: 35rpx;
                            display: flex;
                            border-radius: 30rpx;
                            justify-content: center;
                            align-items: center;
                            border: 1rpx solid #ccc;
                        }

                        .goods_num {
                            width: 55rpx;
                            height: 55rpx;
                            display: flex;
                            justify-content: center;
                        }
                    }
                }
            }
        }

        .xiaoji {
            padding-top: 20rpx;
            display: flex;
            align-items: center;

            .text {
                flex: 4;
                font-size: 24rpx;
                color: rgb(145, 144, 144);
            }

            .price {
                color: red;
                font-size: 34rpx;
            }
        }


        .coupon {
            display: flex;
            font-size: 27rpx;
            align-items: center;

            .text {
                flex: 2;
            }

            .choose {
                color: rgb(145, 144, 144);
            }

            .price {
                color: red;
                font-size: 34rpx;
            }
        }

        .hr {
            margin: 15rpx 0;
            border-bottom: 1rpx dotted #ccc;
        }
    }
}

.footer_tool {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90rpx;
    background-color: #fff;
    display: flex;
    border-top: 1rpx solid #ccc;

    .total_price_wrap {
        flex: 5;
        padding-right: 15rpx;
        text-align: right;

        .total_price {
            .total_price_text {
                font-size: 34rpx;
                font-weight: 600;
            }
        }

    }

    .order_pay_wrap {
        flex: 3;
        background-color: #ff5814;
        color: #fff;
        font-size: 32rpx;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.7;
}

.modalDlg {
    width: 100%;
    height: 65%;
    position: fixed;
    top: 35%;
    letter-spacing: 1rpx;
    z-index: 9999;
    background-color: #f7f7f7;
    border-radius: 5rpx;
    display: flex;
    flex-direction: column;
    align-items: center;

    .cancel {
        color: #808080;
        padding-top: 2%;
        width: 100%;
        padding-left: 4%;
        align-items: flex-start;
    }

    .orderSn {
        padding: 0.5% 0;
        font-size: large;
        word-break: break-all;
        width: 70%;
        font-weight: bolder;
    }

    .price {
        padding: 1% 0;
        font-size: xx-large;
        font-weight: bolder;
    }


    .seller_box {
        margin: 2% 0;
        width: 100%;
        height: 14%;
        display: flex;
        font-size: 35rpx;
        border: 1px solid #e4e4e4;
        background-color: #fff;
        align-items: center;

        .text {
            color: #808080;
            padding-left: 4%;
            flex: 1;
            justify-content: flex-start;
        }

        .seller {
            padding-right: 4%;
        }
    }

    .button {
        width: 100%;
        position: fixed;
        bottom: 16%;

        button {
            width: 94%;
            height: 85rpx;
            font-size: 30rpx;
            border-radius: 10rpx;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            background-color: #05c160;
            color: #fff;
        }
    }

    .desc {
        color: #808080;
        font-size: 30rpx;
        position: fixed;
        bottom: 1%;
    }
}